<%@ page language="java" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<%@include file="/views/common/include/taglib.jsp"%>
<%@include file="/views/common/include/head.jsp"%>
<script src="${ctx}/js/controllers/property/feebill/myBill.js"
	type="text/javascript"></script>
<link rel="stylesheet" href="${ctx}/css/page/header2.css"
	type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/reset.css" type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/leftList.css"
	type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/jiaofei.css"
	type="text/css">
<link rel="stylesheet" href="${ctx}/css/page/footer.css" type="text/css">
</head>
<body>
	<script type="text/javascript">
		var ctx = '${ctx}';
	</script>
	<jsp:include page="/views/common/head_main.jsp" />
	<div class="bg" style="min-height: 744px;">
	<input type="hidden" id="item" value="${sessionScope.item_property}"/>
		<div class="contentbox contentbox1">
			<div class="padd1">
				<div class="left-list">
					<ul>
						<li class="all"><a href=""><img class="font-icon"
								src="${ctx }/images/xqtz/xq7.png" />全部<span
								class="fuhao fh-color">∨</span></a></li>
								<c:if test="${displayFeeBill == 1}">
						<li class="sub-list"><a href="${ctx}/propertyBill/getMyBill"><img
								class="font-icon" src="${ctx }/images/xqtz/xq8.png" />物业费<span
								class="fuhao">＞</span></a></li></c:if>
								<c:if test="${displayCar == 1}">
						<li class="sub-list"><a href="${ctx}/carBill/getCarManage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />停车费<span
								class="fuhao">＞</span></a></li></c:if>
						<%-- <li class="sub-list"><a href=""><img class="font-icon"
								src="${ctx }/images/xqtz/xq9.png" />水电费<span class="fuhao">＞</span></a></li> --%>
						<li class="sub-list"><a
							href="${ctx}/propertyRepair/goToEditPage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />物业报修<span
								class="fuhao">＞</span></a></li>
						<li class="sub-list"><a
							href="${ctx}/propertySuggestion/goToEditPage"><img
								class="font-icon" src="${ctx }/images/xqtz/xq9.png" />物业投诉<span
								class="fuhao">＞</span></a></li>
					</ul>
				</div>
				<div class="rightbox">
					<img src="${ctx }/images/wuye/wy1.png">
					<div id="first">
						<div class="nav-list">
							<ul>
								<li onclick="gotoGetMyBill();"><img
									src="${ctx }/images/wuye/wy3.png" />我的账单
									<div id="show-box" class="bottom-box "></div></li>
								<li onclick="gotoPayBill();"><img
									src="${ctx }/images/wuye/wy2.png" />我要缴费
									<div class="bottom-box "><input type="hidden" value="${payBill}" id="payBill"/></div></li>
								<li onclick="gotoBillRecords();"><img
									src="${ctx }/images/wuye/wy4.png" />缴费记录
									<div class="bottom-box"></div></li>
							</ul>
						</div>
						<div class="payment table-box payment-info-box">

							<div>
								<c:forEach items="${feeBillDetail}" var="config"
									varStatus="configStatus">
									<div>
										<p style="text-indent: 150px; padding: 10px 0;">
											<span style="font-size:28px;">${config.startDateMonth}</span>/${config.startDateYear}
										</p>
									</div>
									<table id="table_list">
										<tbody id="tableTbody">
											<tr style="height: 40px">
												<td
													style="width: 60px; background: #eeeeee; text-align: center;">业主</td>
												<td style="width: 200px; text-align: center;">${ownerName}</td>
												<td
													style="width: 160px; background: #eeeeee; text-align: center;">物业账单号</td>
												<td style="width: 200px; text-align: center;">${config.id}</td>
											</tr>
											<tr style="height: 40px">
												<td
													style="width: 60px; background: #eeeeee; text-align: center;">房屋</td>
												<td style="width: 200px; text-align: center;" id="houseName">${config.houseFullName}</td>
												<td
													style="width: 160px; background: #eeeeee; text-align: center;">欠费时间段</td>
												<td style="width: 200px; text-align: center;">${config.startDateString}-${config.endDateString}</td>
											</tr>
											<tr>
												<td
													style="height: 40px; text-align: right; padding-right: 80px"
													colspan=4>合计欠费 ：<span style="color:#ff832f;font-weight:bold;">￥${config.money}元</span></td>
											</tr>
											<tr>
											</tr>
										</tbody>
									</table>
									<div class="last-td">
										<button class="seeDetail" onclick="gotoBillDetail('${config.id}');">查看详情</button>
										<button class="payBill" onclick="payBill('${config.id}')">支付</button>
									</div>
								</c:forEach>
							</div>

						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
    <div id="returnAli"></div>
	<jsp:include page="/views/common/footer.jsp" />
	<script type="text/javascript">
/* 	function gotoBillDetail(billID) {
		var houseFullName = $("#houseName").val();
		$('#first').load(ctx + "/propertyBill/propertyFeePaymentDetail?billID="+billID&"houseFullName"+houseFullName);
	} */
	</script>
</body>
</html>